.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  border-radius: 5px;
  padding: 0 10px;
  border: 1px solid #09AAFF;
  outline: none;
  color: #FFFFFF;
  background-color: #09AAFF;
  cursor: pointer;
  i {
    margin-right: 5px;
    &:before {
      font-size: 16px;
      font-weight: 700;
      color: #FFFFFF;
    }
  }
  span {
    font-size: 13px;
  }
}

.btn.blue {
  border-color:#09AAFF;
  color: #FFFFFF;
  background-color: #09AAFF;
  i:before {
    color: #FFFFFF;
  }
}

.btn.blue.plain {
  border-color:#09AAFF;
  color: #09AAFF;
  background-color: #FFFFFF;
  i:before {
    color: #09AAFF;
  }
}

.btn.middle {
  height: 36px;
  padding: 0 20px;
}